/* CSS Document */
body,div,span,p,a,ul,li,dl,dt,dd,h1,h2,h3,h4,img,input{  margin: 0;  padding: 0;  border: 0;  list-style: none;  }
input{outline: none;}
body{ font-size: 12px; font-family: "微软雅黑"; color: #333;}
a{ color: #333; text-decoration: none;}
a:hover{ color: #009B4C; }

#header{  height: 80px;  border-bottom: 1px solid #939393; width: 100%;}
.header_in{ margin: 0 auto; width:  84%;  height: 80px;}
.logo{ margin-top: 16px;float: left; width: 26%;}
.header_r{float: right;width: 74%; }
.header_r .font{ padding-top: 9px; height: 19px;line-height: 19px;}
.header_r .font p{color: #8B8B8B; float: right;}
.header_r .font span{color: #333;  }
.header_r .font input{width: 153px;height: 17px; border: 1px solid #ccc;background: url("../images/icon-srch.png") no-repeat 136px center; margin-left: 15px;}
.header_r .nav{ margin-top: 20px;overflow: hidden;text-align: right;}
.header_r .nav li{ float: none; display:inline-block;font-size: 14px;height: 18px;  margin-left: 5%;}

/* banner */
#banner{ overflow: hidden; position: relative;background: url("../images/banner.jpg")no-repeat center center;}
.banner_in a{display: block;height: 500px; float: left; width: 100%;}
.banner_point{position: absolute;  width: 152px;height: 27px;bottom: 5px; left: 50%;margin-left: -76px;}
.banner_point img{margin: 8px 10px;}
.banner_point .img01{margin-left: 16px;}


/* service */
#service{ margin: 48px auto 43px; width: 84%; background: lightblue; overflow: hidden;}
.service_list li{  width: 15.2%;  height: 260px;  float: left; color: #fff;text-align: center;box-sizing: border-box;}
.service_list li p{margin-top: 31px;line-height: 30px;}
.service_list .li_title {  font-size:18px; }
.service_list img{margin-top: 32px;}
.service_list .li01{ background: #408DCB; cursor: pointer;  }
.service_list .li02{ background: #34B2D6; cursor: pointer;  }
.service_list .li03{ background: #F95C5C; cursor: pointer;  }
.service_list .li04{ background: #FB9B4D; cursor: pointer;  }
.service_list .current{  width: 39.2%;  background: #F1F1F1; text-align: left;}
.service_list .current  .li_title{  color: #22BC59;  }
.service_list .current  .li_sub_title{  color: #555;font-size: 14px;  }
.service_list .current a{color: #888;  border: 1px solid #C7C7C7;  width: 93px;  height: 28px;  display: block;  text-align: center;  margin-top: 10px;  }
.service_list .current p{  width: 80%;margin: 30px auto;}

/* content */
#content{ margin: 0 auto 50px; width: 84%; overflow: hidden;}
.con_left{  width: 57%; float: left;  border: 1px solid #EAEAE8;  padding: 0 1.5%;  }
.con_left .con_left_up{  height: 50px;  border-bottom: 1px solid #EAEAE8; line-height: 50px; }
.con_left_up .con_title{ float: left;  margin-top: 15px;}
.con_left_up .con_title li{float: left; margin-right: 8px;text-align: center; }
.con_title li a{ width:89px;line-height:26px; background: url("../images/con_title_bg01.png") no-repeat left center;display: inline-block; float: left;color: #333;}
.con_title .con_select a{ background: url("../images/con_title_bg.png") no-repeat left center;color: #fff;}
.con_title li a:hover{ background: url("../images/con_title_bg.png") no-repeat left center;color: #fff;}
.con_left_up .more{  float: right;  }
.con_left_up .more a{ color: #888;  }
.con_left_up .more a:hover{ color: #009B4C;}

.con_left dl{padding:13px 0 ; border-bottom: 1px dashed #DADADA; overflow: hidden; position: relative;}
.con_left dl dt{float: left; width: 13%;}
.con_left dt img{width: 100%;}
.con_left dl dd{float: right; width: 78%;margin-right:7%;margin-top: 1px;}
.con_left .p_title{  font-size: 14px;line-height: 28px; }
.con_left .p_txt{  color: #888; line-height: 24px;}
.con_left dd img{  position: absolute;  right: 0;  top: 22px;  }
.con_left .last_li{ border-bottom:none; }

.con_right{  width: 35.8%;  overflow: hidden;  float: right;  border: 1px solid #EAEAE8; padding: 15px 15px; }
.video_title p{  height: 26px;  font-size: 16px; float: left; }
.video_title .turn {float: right; width: 34px;height: 10px;margin-top: 8px;}
.video_title .turn span{ background: url("../images/video_l.png")no-repeat;width: 6px;height: 10px;display: inline-block;float: left; cursor: pointer;}
.video_title .turn .right{ background: url("../images/video_r.png")no-repeat;float: right; }

/* footer */
#footer{ background: #F7F7F7; overflow:hidden;}
.footer_up{ width: 84%;margin: 0 auto; overflow: hidden; background: #F7F7F7;padding-top: 26px;}
.footer_l{ width: 62%; float: left;
    border-right: 1px solid #ccc;overflow: hidden;}
.footer_l dl{ float: left;  width: 20%;}
.footer_l dl dt{ font-size: 16px;margin-top: 29px;height: 35px;}
.footer_l dl dd{ line-height: 31px;}
.footer_l dd a{ color: #888888;}
.footer_l dd a:hover{ color: #009B4C;}

.footer_r{  float: right; width: 37%;position: relative; padding-bottom: 20px; }
.footer_r dl{width: 52%; overflow:hidden; padding: 27px 0 0 35px;color: #888;font-size: 14px;}
.footer_r dl dt{font-size: 16px;color: #444444;  font-weight: bold; line-height: 25px;}
.footer_r dl dd{font-size: 14px;color: #888888;  line-height: 28px;}
.footer_r .code{  position: absolute;  right: 0;  top: 26px;  }
.footer_r .code p{  text-align: center;margin-top: 7px; }
.footer_r dd a{  float: left;  margin-right: 5px; width: 26px;height: 26px;display: inline-block; }
.footer_r dd span{  float: left; }
.footer_r .qq{background: url("../images/icon-qq.png") no-repeat;}
.footer_r .sina{background: url("../images/icon-wb.png") no-repeat;}
.footer_r .rr{background: url("../images/icon-rr.png") no-repeat;}
.footer_r .wx{background: url("../images/icon-wx.png") no-repeat;}


.footer_down{ background: #4B4A48; overflow: hidden; text-align: center; margin: 0 auto;}
.footer_down p{display: inline-block;}
.footer_down p span{float: left; line-height: 20px; color: #B9B9B9; margin:15px auto; }
.footer_down a{ display:inline-block; float:left;margin-top: 14px; margin-left:5px;width: 20px;  height: 20px;  background: url("../images/pic1.gif") no-repeat left center; }

/* ---------------- list_banner ----------------------------------*/
#list_banner{  background: url("../images/list_banner.jpg")no-repeat center top;  height: 350px;  }

#menu{  height: 76px; border-bottom: 1px solid #9A9A9A; }
.menu_in{margin: 0 auto;width: 84%;height: 76px;}
.menu_in a{line-height: 75px;width: 84px;display: inline-block;text-align: center;font-size: 16px;margin-right: 4%;}
.menu_in .current{border-bottom: 1px solid #009B4C;color: #009B4C;}

#news{  background: #F5F5F5;  overflow: hidden;  padding-top: 40px;  }
.news_in{margin: 0 auto ;width: 84%;}
.news_title{width: 100%;height: 44px; border-bottom: 1px solid #009B4C; padding-top: 15px;}
.news_title h3{width: 122px;
    border-left: 1px solid #009B4C;color: #009B4C;  font-size:20px;  text-align: center;  font-weight: normal;  height: 30px;  line-height: 30px;  float: left;}
.news_title p{  float: right;line-height: 30px;color: #666;}
.news_title p a{ color: #666;}
.news_title p a:hover{  text-decoration: underline;}
.news_title .new{ color: #272727;}
.news_title .index{ background: url("../images/icon-home.png")no-repeat left center;padding-left: 17px;}

.news_list{background: #fff; width: 96%;overflow:hidden;margin-top: 22px;  padding: 24px 2% 24px 2%; position: relative;}
.news_list dl{width: 100%; }
.news_list dt{float: left; width: 29%;}
.news_list dd{ float: right; width:55%;margin-right: 14%; }
.news_list dd h3{padding: 16px 0;  font-weight: normal;  font-size:16px;}
.news_list dd p{line-height: 23px; margin-bottom: 40px;}
.news_list .read{ width: 82px;height: 32px;
    border: 1px solid #474747;  color: #474747;display: inline-block;text-align: center; line-height: 32px;
    font-size: 12px; }
.news_list .read:hover{border: 1px solid #009B4C;  color: #009B4C;}

.news_list .time{  width: 66px;  height: 83px; position: absolute;  right: 5%;  top: 59px;text-align: center; color: #474747;}
.news_list .time h3{height: 51px;line-height: 51px;  border-bottom: 1px solid #474747; font-size: 50px;}
.news_list .time span{height: 31px; line-height: 31px;font-size: 17px; }

.news_in .pages{  width: 244px;  height: 26px; margin: 37px auto 30px;  }
.news_in .pages li{  float: left;  width: 23px;  height: 24px;  border: 1px solid #DCDCDC;  text-align: center;  line-height: 24px;  margin-right: 8px;
    font-size: 14px;  }
.news_in .pages li a{ color: #000;}
.news_in .pages .one{  background: #009B4C;  border: 1px solid #009B4C;  }
.news_in .pages .one a{  color: #fff;  }
.news_in .pages .next{  margin-right: 0;  }
.news_in .pages .prev a{color: #DCDCDC;}

/* ----------------- detail ----------------------*/
.news_in  .article_con{  padding: 0 3% 20px 3%;background: white; width: 94%;}
.news_in .article_con .article_info{  text-align: center;  padding-top:38px;  border-bottom: 1px solid #DCDCDC;  }
.news_in  .article_info h3{  font-weight: normal;  color: #333;  overflow: hidden; font-size: 20px; }
.news_in .article_info p{height: 55px; line-height: 55px;}
.news_in .article_show{  padding-top: 30px;  }
.news_in .article_show p{  line-height: 24px;  margin-bottom: 28px;  font-size: 14px;  color: #555 ;  }
.news_in .article_show .image{  margin: 0;  text-align: center;  }
.news_in .article_show .article_bottom{ overflow: hidden; padding: 20px 0;  border-bottom:1px solid #E9E9E9;  border-top:1px solid #E9E9E9; margin: 0 auto;}
.news_in  .article_bottom .left{  float: left; padding-left: 3%;background: url("../images/art_l.png") no-repeat left center; width: 47%; }
.news_in  .article_bottom .right{  float: right; text-align: right; padding-right: 3%;background: url("../images/art_r.png") no-repeat right center;width: 47% }

.news_in  .article_show input{  background: url("../images/backList.png") no-repeat;  width: 99px;  height: 31px; ;cursor: pointer; display: block;margin: 40px auto 20px;}
